<template>
    <el-container direction="vertical" id="app">
        <el-header><titleAre/></el-header>
        <el-container>
            <el-aside width="240px">
                <menuAre/>
            </el-aside>
            <el-main>
                <router-view/>
            </el-main>
        </el-container>
        <el-footer height="30px">Footer</el-footer>
    </el-container>
</template>

<script>
import titleAre from '../components/titleAre.vue'
import menuAre from '../components/menuAre.vue'

export default {
    components:{
        titleAre,menuAre
    },
    created(){
        // console.log(this.$store.state);
    }
}
</script>
<style>
    .el-header,.el-footer{
        background: black
    }
    .el-main{
        height: 100%;
        background: #F5F7FA;
    }
</style>
